.main-icon-def{
    width: 24px;
    height: 55.5px;
    background: url("../../assets/mainPage/main-icon-def-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.main-icon-active{
    width: 24px;
    height: 55.5px;
    background: url("../../assets/mainPage/main-icon-active-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.main-icon-def{
    width: 5px;
    height: 57.5px;
    background: url("../../assets/mainPage/main-icon-def-e.png") no-repeat center center;
    background-size: 5px 10px;
}
.coset-icon-def{
    width: 24px;
    height: 55.5px;
    background: url("../../assets/mainPage/coSet-icon-def.png") no-repeat center center;
    background-size: 18px 18px;
}
.coset-icon-active{
    width: 24px;
    height: 55.5px;
    background: url("../../assets/mainPage/coSet-icon-active.png") no-repeat center center;
    background-size: 18px 18px;
}
.exam-icon-def{
    width: 24px;
    height: 57.5px;
    background: url("../../assets/mainPage/exam-icon-def-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.exam-icon-active{
    width: 24px;
    height: 57.5px;
    background: url("../../assets/mainPage/exam-icon-active-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.task-icon-def{
    width: 21px;
    height: 57.5px;
    background: url("../../assets/mainPage/task-icon-def-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.task-icon-active{
    width: 21px;
    height: 57.5px;
    background: url("../../assets/mainPage/task-icon-active-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.study-icon-def{
    width: 24px;
    height: 57.5px;
    background: url("../../assets/mainPage/study-icon-def-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.study-icon-active{
    width: 24px;
    height: 57.5px;
    background: url("../../assets/mainPage/study-icon-active-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.com-icon-def{
    width: 22px;
    height: 57.5px;
    background: url("../../assets/mainPage/com-icon-def-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.com-icon-active{
    width: 22px;
    height: 57.5px;
    background: url("../../assets/mainPage/com-icon-active-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.center-icon-def{
    width: 24px;
    height: 57.5px;
    background: url("../../assets/mainPage/center-icon-def-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.center-icon-active{
    width: 24px;
    height: 57.5px;
    background: url("../../assets/mainPage/center-icon-active-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.lesson-icon-def{
    width: 24px;
    height: 57.5px;
    background: url("../../assets/mainPage/lesson-icon-def-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.lesson-icon-active{
    width: 24px;
    height: 57.5px;
    background: url("../../assets/mainPage/lesson-icon-active-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.bulletin-icon-def{
    width: 24px;
    height: 57.5px;
    background: url("../../assets/mainPage/bulletin-icon-def-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.bulletin-icon-active{
    width: 24px;
    height: 57.5px;
    background: url("../../assets/mainPage/bulletin-icon-active-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.peo-icon-def-s{
    width: 24px;
    height: 57.5px;
    background: url("../../assets/mainPage/peo-icon-def-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.peo-icon-active{
    width: 24px;
    height: 57.5px;
    background: url("../../assets/mainPage/peo-icon-active-s.png") no-repeat center center;
    background-size: 18px 18px;
}
.pigeonhole-icon-def, 
.pigeonhole-icon-active {
    width: 24px;
    height: 57.5px;
    background-size: 18px 18px;
}
.pigeonhole-icon-def {
    background: url("../../assets/mainPage/pigeonhole.png") no-repeat center center;
}
.pigeonhole-icon-active {
    background: url("../../assets/mainPage/pigeonhole-active.png") no-repeat center center;
}
.author-icon-def{
    width: 24px;
    height: 57.5px;
    background: url("../../assets/mainPage/author-icon-def-s.png") no-repeat center center;
    background-size: 24px 23px;
}
.author-icon-active{
    width: 24px;
    height: 57.5px;
    background: url("../../assets/mainPage/author-icon-active-s.png") no-repeat center center;
    background-size: 24px 23px;
}
.referee-icon-def{
     width: 22px;
     height: 57.5px;
     background: url("../../assets/mainPage/referee-icon-def-s.png") no-repeat center center;
     background-size: 22px 21px;
 }
.referee-icon-active{
    width: 22px;
    height: 57.5px;
    background: url("../../assets/mainPage/referee-icon-active-s.png") no-repeat center center;
    background-size: 22px 21px;
}
.test-icon-def{
    width: 22px;
    height: 57.5px;
    background: url("../../assets/mainPage/test-icon-def-s.png") no-repeat center center;
    background-size: 15px 17px;
}
.test-icon-active{
    width: 22px;
    height: 57.5px;
    background: url("../../assets/mainPage/test-icon-active-s.png") no-repeat center center;
    background-size: 15px 17px;
}
.train-icon-def{
    width: 22px;
    height: 57.5px;
    background: url("../../assets/mainPage/train-icon-def-s.png") no-repeat center center;
    background-size: 15px 17px;
}
.train-icon-active{
    width: 22px;
    height: 57.5px;
    background: url("../../assets/mainPage/train-icon-active-s.png") no-repeat center center;
    background-size: 15px 17px;
}
.log-icon-def-s{
    width: 22px;
    height: 57.5px;
    background: url("../../assets/mainPage/log-icon-def-s.png") no-repeat center center;
    background-size: 15px 17px;
}
.log-icon-active{
    width: 22px;
    height: 57.5px;
    background: url("../../assets/mainPage/log-icon-active-s.png") no-repeat center center;
    background-size: 15px 17px;
}
.flowAnalysis-icon-def{
     width: 22px;
     height: 57.5px;
     background: url("../../assets/mainPage/flowAnalysis-icon-def-s.png") no-repeat center center;
     background-size: 22px 21px;
 }
.flowAnalysis-icon-active{
    width: 22px;
    height: 57.5px;
    background: url("../../assets/mainPage/flowAnalysis-icon-active-s.png") no-repeat center center;
    background-size: 22px 21px;
}